﻿@model Model.Object.NguoiDung
@{
    ViewBag.Title = "Taotaikhoan";
    Layout = "~/Views/Shared/_LayoutWebmini.cshtml";
}


<div class="col-main" style =" background-size:100% 100%; background-image:url('@Url.Content("~/media/queldorei/shopper/default/1979525_676658645714207_1963701977_n.jpg")');">

    <div class="account-create">
        @using (Html.BeginForm())
        {
            <div class="block block-login">
                <div class="block-title">
                    <strong><span>Tạo tài khoản</span></strong>
                </div>
                <div class="block-content">

                    <form action="https://www.nongsanngon.com.vn/customer/account/createpost/" method="post" id="form-validate">

                        <input type="hidden" name="success_url" value="" />
                        <input type="hidden" name="error_url" value="" />

                        <h2 class="legend first">Thông tin cá nhân</h2>
                        <ul class="form-list">
                            <li class="fields">
                                <div class="customer-name">
                                    <div class="field name-firstname">
                                        <label for="firstname" class="required"><em>*</em>Tên</label>
                                        <div class="input-box">
                                            @Html.TextBoxFor(m => m.Ho_ten, new { style = "width:270px;height:25px"  })
                                            @Html.ValidationMessageFor(m=>m.Ho_ten)
                                            @*<input type="text" id="firstname" name="firstname" value="" title="Tên" maxlength="255" class="input-text required-entry" />*@
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <label for="email_address"
                                    class="required">
                                    <em>*</em>Địa chỉ Email</label>

                                <div class="input-box">
                                    @Html.TextBoxFor(m => m.Email, new { style = "width:270px;height:25px" })
                                    @*<input type="text" name="email" id="email_address"
                                    value=""
                                    title="Địa chỉ Email"
                                    class="input-text validate-email required-entry" />*@
                                </div>
                            </li>
                            <li class="control">
                                <div class="input-box">
                                    <input type="checkbox" name="is_subscribed"
                                        title="Đăng ký nhận thông tin" value="1"
                                        id="is_subscribed" class="checkbox" />
                                </div>
                                <label for="is_subscribed">Đăng ký nhận thông tin</label>
                            </li>
                        </ul>


                        <h2 class="legend">Thông tin đăng nhập</h2>
                        <ul class="form-list">

                            <li class="fields">
                                <div class="field">
                                    <label for="Username" class="required"><em>*</em>Username                                </label>

                                    <div class="input-box">
                                        @Html.TextBoxFor(m => m.User_Name, new { style = "width:270px;height:25px" })
                                        @*<input type="password" name="password" id="password"
                                        title="Mật khẩu"
                                        class="input-text required-entry validate-password" />*@
                                    </div>
                                </div>
                                <div class="field">
                                    <label for="password" class="required"><em>*</em>Mật khẩu                                </label>

                                    <div class="input-box">
                                        @Html.PasswordFor(m => m.Pass, new { style = "width:270px;height:25px" })
                                        @*<input type="password" name="password" id="password"
                                        title="Mật khẩu"
                                        class="input-text required-entry validate-password" />*@
                                    </div>
                                </div>
                                <div class="field">
                                    <label for="confirmation"
                                        class="required">
                                        <em>*</em>Xác nhận mật khẩu</label>

                                    <div class="input-box">
                                        @Html.PasswordFor(m => m.Pass, new { style = "width:270px;height:25px"})
                                        @*<input type="password" name="confirmation"
                                        title="Xác nhận mật khẩu" id="confirmation"
                                        class="input-text required-entry validate-cpassword" />*@
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div id="window-overlay" class="window-overlay" style="display: none;"></div>
                        <div id="remember-me-popup" class="remember-me-popup" style="display: none;">
                            <div class="remember-me-popup-head">
                                <h3>What's this?</h3>
                                <a href="#" class="remember-me-popup-close" title="Đóng">Đóng</a>
                            </div>
                            <div class="remember-me-popup-body">
                                <p>Checking &quot;Remember Me&quot; will let you access your shopping cart on this computer when you are logged out</p>
                                <div class="remember-me-popup-close-button a-right">
                                    <a href="#" class="remember-me-popup-close button" title="Đóng"><span>Đóng</span></a>
                                </div>
                            </div>
                        </div>
                        <script type="text/javascript">
                            //<![CDATA[
                            function toggleRememberMepopup(event) {
                                if ($('remember-me-popup')) {
                                    var viewportHeight = document.viewport.getHeight(),
                                        docHeight = $$('body')[0].getHeight(),
                                        height = docHeight > viewportHeight ? docHeight : viewportHeight;
                                    $('remember-me-popup').toggle();
                                    $('window-overlay').setStyle({ height: height + 'px' }).toggle();
                                }
                                Event.stop(event);
                            }

                            document.observe("dom:loaded", function () {
                                new Insertion.Bottom($$('body')[0], $('window-overlay'));
                                new Insertion.Bottom($$('body')[0], $('remember-me-popup'));

                                $$('.remember-me-popup-close').each(function (element) {
                                    Event.observe(element, 'click', toggleRememberMepopup);
                                })
                                $$('#remember-me-box a').each(function (element) {
                                    Event.observe(element, 'click', toggleRememberMepopup);
                                });
                            });
                            //]]>
                        </script>

                        <div class="buttons-set">
                            <p class="required">* Thông tin bắt buộc</p>

                            <button type="submit" title="Gửi đi" class="button">
                                <span><span>Gửi đi</span></span></button>
                        </div>
                    </form>
                    <script type="text/javascript">
                        //<![CDATA[
                        var dataForm = new VarienForm('form-validate', true);
                        //]]>
                    </script>

                </div>

            </div>
        }
    </div>
</div>
